/*the content of bulls content*/
#contentArea{
	z-index:0;
	width:984px;
	padding:8px;
	background-color:#e5e5e5;
	margin:20px auto 0px auto;
}

#contentArea .contentRow{
	overflow:auto;
	margin-bottom:8px;
}

#contentArea .contentRow:last-child{
	margin-bottom:0px;
}

#bannerPicArea{
	float:left;
	height:360px;
	width:640px;
	background-color:#000;
}

#picWrapper .bannerPicItem{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
	opacity:0;
}

#picWrapper .bannerPicItem[current]{
	opacity:1;
	z-index:1;
	transition:opacity 0.4s;
}

#infoTipArea{
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	height:64px;
	background-color:#191919;
	background-color:rgba(0,0,0,0.8);
	z-index:2;
}

#infoText{
	position:absolute;
	left:16px;
	right:16px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	text-align:center;
	font-size:14px;
	line-height:16px;
	top:16px;
}

#infoTips{
	position:absolute;
	top:32px;
	left:16px;
	right:16px;
	text-align:center;
	cursor:default;
	-moz-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}

#infoTips .infoTipItem{
	display:inline-block;
	background-color:#fff;
	width:8px;
	height:8px;
	border-radius:8px;
	cursor:pointer;
	margin:0px 4px;
}

#infoTips .infoTipItem[current]{
	background-color:#c00;
}

#infoTips .infoTipItem:hover{
	background-color:#c00;
}

#ad1{
	float:right;
	width:336px;
	height:360px;
}

#ad1 img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.areaBanner{
	position:relative;
	height:40px;
	background-color:#333333;
}

.areaBannerTitle{
	position:absolute;
	line-height:16px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	top:12px;
	left:32px;
}

.areaBannerTitle::before{
	content:"";
	position:absolute;
	left:-16px;
	top:2px;
	height:12px;
	width:4px;
	background-color:#fff;
}

.areaBannerMore{
	position:absolute;
	display:block;
	line-height:16px;
	font-size:12px;
	color:#999;
	top:12px;
	right:16px;
}

.areaBannerMore:hover{
	color:#f00;
}

.areaContent{
	padding:24px;
	background-color:#1a1a1a;
	overflow:auto;
}

#newsArea{
	float:left;
	width:408px;
}

#newsArea .areaContent{
	padding-bottom:0px;
	height:276px;
}

#newsArea .newsItem{
	display:block;
	margin-bottom:8px;
	line-height:16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#newsArea .newsItem:last-child{
	margin-bottom:0px;
}

#newsArea .newsTime{
	color:#666;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0px;
	font-size:12px;
}

#newsArea .newsTitle{
	color:#e5e5e5;
	line-height:16px;
	font-size:14px;
}

#newsArea .newsItem:hover .newsTime{
	color:#c00;
}

#newsArea .newsItem:hover .newsTitle{
	color:#f00;
}

#picsArea{
	float:right;
	width:568px;
}

#picsArea .areaContent{
	padding-right:0px;
	padding-bottom:0px;
	height:276px;
	overflow:hidden;
}

#picsArea .picItem{
	position:relative;
	display:block;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	width:168px;
	height:126px;
	overflow:hidden;
}

#picsArea .picItem .picImage{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#picsArea .picItem::after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	transition:border 0.2s;
	border:0px solid rgba(255,255,255,0.8);
}

#picsArea .picItem .picItemInfo{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:8px 16px;
	line-height:16px;
	font-size:12px;
	color:#fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align:center;
	background-color:#191919;
	background-color:rgba(0,0,0,0.8);
	opacity:1;
	box-shadow:rgba(255,255,255,0.4) 0px 0px 0px 1px;
	transition:opacity 0.4s;
}

#picsArea .picItem:hover::after{
	border:4px solid rgba(255,255,255,0.8);
}

#picsArea .picItem:hover .picItemInfo{
	opacity:0;
}


#picsArea .picItem[photo]::before{
	content:"";
	position:absolute;
	z-index:1;
	top:8px;
	right:8px;
	width:32px;
	height:24px;
	background-color:#1a1a1a;
	background-color:rgba(0,0,0,0.6);
	background-image:url(../image/icon_image.png);
	background-repeat:no-repeat;
	background-position:center center;
	transition:opacity 0.4s;
}

#picsArea .picItem[video]::before{
	content:"";
	position:absolute;
	z-index:1;
	top:8px;
	right:8px;
	width:32px;
	height:24px;
	background-color:#1a1a1a;
	background-color:rgba(0,0,0,0.6);
	background-image:url(../image/icon_video.png);
	background-repeat:no-repeat;
	background-position:center center;
	transition:opacity 0.4s;
}

#picsArea .picItem:hover::before{
	opacity:0;
}

#riderData .areaContent{
	padding:24px 0px 24px 48px;
}

#riderData .riderDataItem{
	position:relative;
	display:block;
	float:left;
	margin-right:8px;
	width:120px;
	height:152px;
}

#riderData .riderDataItem::after{
	content:"";
	position:absolute;
	top:0px;
	bottom:32px;
	left:0px;
	right:0px;
	border:0px solid rgba(255,255,255,0.8);
	transition:border 0.2s;
}

#riderData .riderDataItem .riderImage{
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
}

#riderData .riderDataItem .riderInfo{
	position:absolute;
	top:120px;
	left:0px;
	right:0px;
	height:16px;
	line-height:16px;
	padding:8px 8px;
	font-size:12px;
	letter-spacing:0px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	text-align:center;
	background-color:#262626;
	transition:background-color 0.4s;
}

#riderData .riderDataItem:hover::after {
	border:4px solid rgba(255,255,255,0.8);
}

#riderData .riderDataItem:hover .riderInfo {
	background-color:#0d0d0d;
	color:#f00;
}

#weiboArea{
	float:left;
	width:640px;
}

#weiboArea .areaContent{
	padding:0px;
	height:408px;
}

#weiboArea iframe{
	position:absolute;
	border:0px none;
	height:100%;
	width:100%;
}

#ad2{
	float:right;
	width:336px;
	height:448px;
}

#ad2 img{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

#ad3 .areaContent{
	padding:24px 0px 24px 48px;
}

#ad3 .ad3Item{
	position:relative;
	display:block;
	float:left;
	height:120px;
	width:120px;
	margin-right:8px;
}

#ad3 .ad3Item::after{
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	border:0px solid rgba(255,255,255,0.8);
	transition:border 0.2s;
}

#ad3 .ad3Item .ad3ItemImage{
	position:absolute;
	top:0px;
	left:0px;
	width:120px;
	height:120px;
}

#ad3 .ad3Item:hover::after{
	border:4px solid rgba(255,255,255,0.8);
}
